<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:fn="http://xmlns.jcp.org/jsp/jstl/functions"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
         <title>Facelet Title</title> 
      <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'></meta>
         <!-- Font awesome -->
         <link href="#{request.contextPath}/resources/css/font-awesome.min.css" type="text/css" rel="stylesheet"/>
         <!-- bootstrap 3.0.2 -->
         <link href="#{request.contextPath}/resources/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
         <!-- Ionicons -->
         <link href="#{request.contextPath}/resources/css/ionicons.min.css" rel="stylesheet" type="text/css" />
         <!-- Theme style -->
        <link href="#{request.contextPath}/resources/css/AdminLTE.css" rel="stylesheet" type="text/css" />
         
        <h:outputScript library="primefaces" name="jquery/jquery.js"/> 
    </h:head>
    <h:body class="skin-blue">
        <h:form>
        <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                         <p:commandLink style="border-radius: 0px;width: 50px;height: 40px;" styleClass="btn btn-primary ">

                                <span class="fa fa-users" style="font-size: 18px;padding-top: 3px;"/>

                            </p:commandLink>

                            <p:commandLink style="border-radius: 0px;width: 50px;height: 40px" styleClass="btn btn-success ">

                                <span class="fa fa-money" style="font-size: 18px;padding-top: 3px;"/>

                            </p:commandLink>

                            <p:commandLink style="border-radius: 0px;width: 50px;height: 40px" styleClass="btn btn-warning ">

                                <span class="fa fa-cubes" style="font-size: 25px;padding-top: 0px;"/>

                            </p:commandLink>

                            <p:commandLink style="border-radius: 0px;width: 50px;height: 40px" styleClass="btn btn-danger ">

                                <span class="ion ion-pie-graph" style="font-size: 18px;padding-top: 3px;"/>

                            </p:commandLink>


                    </div>
                    <!-- search form -->
                    
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                   
                           <li class="treeview #{fn:startsWith(request.pathInfo,'/admin/productos/productoMenu/')?'active':'' }">
                            <a href="#">
                                <i class="fa fa-cutlery "></i>
                                <span>Carta de Productos</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li class="#{fn:startsWith(request.pathInfo,'/admin/productos/productoMenu/List.xhtml')?'active':'' }">
                                     <h:commandLink action="#{productoController.listarProductos()}">
                                     <i class="fa fa-angle-double-right"></i> Listar
                                     </h:commandLink>
                                </li>
                                <li class="#{fn:startsWith(request.pathInfo,'/admin/productos/productoMenu/Create.xhtml')?'active':'' }">
                                     <h:commandLink action="#{productoController.crearProducto()}">
                                     <i class="fa fa-angle-double-right"></i> Nuevo
                                     </h:commandLink>
                                </li>
                                
                                <li></li>
                            </ul>
                        </li>
                       
                                 <li class="treeview #{fn:startsWith(request.pathInfo,'/admin/productos/ingrediente/')?'active':'' }">
                            <a href="#">
                                <i class="fa fa-flask "></i>
                                <span>Ingredientes</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li class="#{fn:startsWith(request.pathInfo,'/admin/productos/ingrediente/List.xhtml')?'active':'' }">
                                    <h:commandLink action="#{ingredienteController.prepareToCreate()}">
                                     <i class="fa fa-angle-double-right"></i> Listar
                                     </h:commandLink>
                                </li>
                                <li class="#{fn:startsWith(request.pathInfo,'/admin/productos/ingrediente/Create.xhtml')?'active':'' }">
                                    <h:commandLink action="#{ingredienteController.prepareToCreate()}">
                                     <i class="fa fa-angle-double-right"></i> Nuevo
                                     </h:commandLink>
                                </li>
                                
                                <li></li>
                            </ul>
                        </li>
                 
                   
                        
                           <li class="treeview #{fn:startsWith(request.pathInfo,'/admin/productos/reciente/')?'active':'' }">
                            <a href="#">
                                <i class="fa fa-file-text-o "></i>
                                <span>Receta</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li class="#{fn:startsWith(request.pathInfo,'/admin/productos/receta/List.xhtml')?'active':'' }">
                                     <h:commandLink action="#{usuarioController.listarProductos()}">
                                     <i class="fa fa-angle-double-right"></i> Listar
                                     </h:commandLink>
                                </li>
                                <li class="#{fn:startsWith(request.pathInfo,'/admin/productos/receta/Create.xhtml')?'active':'' }">
                                     <h:commandLink action="#{usuarioController.listarProductos()}">
                                     <i class="fa fa-angle-double-right"></i> Nuevo
                                     </h:commandLink>
                                </li>
                                
                                <li></li>
                            </ul>
                        </li>
                        
                        
                        
                   
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

        </h:form>
        
    </h:body>
</html>

